$(function () {
    //添加类别导出层索引
    let addIndex = null
    //添加编辑导出层索引
    let editIndex = null
    //获取数据渲染数据
    function initArtCate() {
        $.get('/my/article/cates', function (res) {
            console.log(res);
            if (res.status === 0) {
                const htmlStr = template('templ-tr', res)
                $('tbody').html(htmlStr)
            }
        })
    }
    initArtCate()

    //添加类别
    $('#btn-showAdd').on('click', function () {
        //展示弹出框
         addIndex = layer.open({
            //制定弹框类型
            type: 1,
            //标题
            title: '添加文章分类',
            //宽和高
            area: ['500px', '250px'],
            //内容主体
            content:$('#templ-formAdd').html()
        })
    })

    $('body').on('submit','#form-add', function (e) {
        e.preventDefault()
        $.post('/my/article/addcates', $(this).serialize(), function (res) {
            layer.msg(res.message)
            if (res.status === 0) {
                initArtCate()
            }
            layer.close(addIndex)
        })
    })
    //编辑
    $('body').on('click', '.btn-edit', function () {
        editIndex= layer.open({
            //制定弹框类型
            type: 1,
            //标题
            title: '编辑文章分类',
            //宽和高
            area: ['500px', '250px'],
            //内容主体
            content:$('#templ-formedit').html()
        })

        //获取数据
        const id = $(this).attr('data-id')
        $.get('/my/article/cates/' + id, function (res) {
            console.log(1);
            if (res.status === 0) {
                layui.form.val('form-edit',res.data)
            }
        })
    })

    $('body').on('submit', '#form-edit', function (e) {
        e.preventDefault()
        $.post('/my/article/updatecate', $(this).serialize(), function (res) {
            console.log(res);
            layer.msg(res.message)
            if (res.status === 0) {
                initArtCate()
                layer.close(editIndex)
            }
        })
    })

    //实现删除数据功能
    $('body').on('click', '.btn-delet', function (res) {
        // console.log('ok');
        const id = $(this).attr('data-id')
        layer.confirm('确认删除数据吗', {icon: 3, title:'提示'}, function(index){
            //do something
            $.get('/my/article/deletecate/' + id, function (res) {

                if (res.status === 0) {
                    initArtCate()
                }
            })
            layer.close(index);
          });
    })
})